@charset "utf-8";
*{-webkit-transition:all ease-in-out 200ms; -moz-transition:all ease-in-out 200ms; transition:all ease-in-out 200ms; -webkit-transform:translate3d(0,0,0); -moz-transition:all ease-in-out 200ms; transform:translate3d(0,0,0);}

head ,meta ,link ,style ,script{display:none; -webkit-transform:none; transform:none;}

html ,body{-webkit-transform:none; transform:none; -webkit-transition:none; transition:none;}

html ,body ,div ,p ,img ,ul ,ul li ,h1 ,h2 ,h3 ,h4 ,h5 ,h6{display:block;}

h1 ,h2 ,h3 ,h4 ,h5 ,h6{font-style:normal; font-weight:normal; margin:0; padding:0;}

body{font-family:'微软雅黑',sans-serif; font-size:13px; line-height:1.5; font-weight:300; color:#222; background:#fff; min-width:1200px; text-align:justify;}

body ,div ,p ,img ,ul ,ul li ,input ,textarea ,select ,h1 ,h2 ,h3 ,h4 ,h5 ,h6{margin:0; padding:0;}

input ,textarea ,select ,a{outline:0; font-size:inherit; font-family:inherit; font-style:inherit; font-weight:inherit;}

img{overflow:hidden; line-height:1; font-size:0; border:none; display:block;}

div ,form{margin:0 auto; height:auto; overflow:hidden; background-color:transparent;}

ul ,ul li{list-style:none;}

a{color:inherit; line-height:inherit; text-decoration:none; border:none; display:inline; border-radius:0; overflow:hidden; }

a:hover{text-decoration:none; }

.inside{width:1200px;}

.icon{ background: url("../images/icon.png") center no-repeat; display: block;}





/*index*/

.header{width: 100%; min-width: 1300px; position: relative; overflow: visible; z-index: 9;}

.header .inside{ position: relative;}

.header .logo{width: 200px; height: 100px; display: block; float: left; padding: 35px 0 15px 20px;}

.header .logo .icon{width: 200px; height: 100px; background-position: 5px 10px;}

.header .inner{position: absolute; right: 0; bottom: 0;}

.inner .nav{float: left;}

.inner .nav .item{border-bottom: 5px solid #fff; padding: 30px 20px; display: block; float: left; font-size: 13px; line-height: 1.5; color: #012e5b;}

.inner .nav .item.index,.inner .nav .item.active{border-bottom-color: #01a3e6;}

.nav .item.red{border-color: #01a3e6;}

.inner .rightBar{float: right; padding-top: 30px;}

.header .searchForm{ position: absolute; right: 0;  z-index: 9;}

.searchForm .search{  height: 20px; font-size: 13px; line-height: 20px; display: block; width:0; opacity:0; text-indent: 5px; border-radius: 10px; outline: none; border: 1px solid #c7c7c7;}

.header .languageHide{ border: 1px solid #c7c7c7; border-radius: 10px;  display: block; position: absolute; right: 0; bottom: 2px; z-index: 9; opacity: 0; height: 0;}

.header .languageHide .item{display:block; font-size: 13px; line-height: 18px; float: left; padding: 0 5px; color: #c7c7c7;}

.header .languageHide .item:hover{ color: #012e5b;}

.rightBar .searchIcon{background-position: -250px 0; width: 21px; height: 21px; float: left; cursor: pointer; margin: 0 10px;}

.rightBar .languageIcon{background-position: -294px 1px; width: 21px; height: 21px; float: left; cursor: pointer;  margin: 0 15px;}

.showProduct,.showService{width:100%; border-bottom: 1px solid #f1f2f6; border-top: 10px solid #f1f2f6; background: #fff; z-index: 99; display: none; transition:none; position: absolute; overflow: visible; }

.showProduct .showList,.showService .serviceList{overflow: visible;}

.showList .item{ float: left; display: block; width: 215px; height: 105px; border: 1px solid #f1f2f6; margin: 25px 20px 25px 60px;}

.showList .item .itemImage{width: 100%; height: 100%;}

.showList .item:hover{border-color: #01a3e6;}

.serviceList{}

.showList:after,.serviceList:after{    content: ""; display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid #eff0f5; position: absolute; z-index: 1; top: -22px; left: 708px; }

.serviceList:after{left: 999px;}

#product{ padding: 30px 20px 10px 20px;}

#product:after,#product after{content: "∨"; display: block; font-weight: bold; width: 10px;margin:0 auto;}



.fixed{height: 50px; width: 100%;  z-index: 99; top: 0; left: 0;right: 0;  position: fixed; background: #fff;   border-bottom: 1px solid #f1f2f6; display:none; transition:none;}

.fixed .nav{ width: 1200px; margin: 0 auto; float:none; padding-top:0;}

.fixed .item{display:block;  padding:0 60px; font-size: 13px; line-height: 50px; text-align: center;  position: relative; float: left;}



.top{width: 50px; height: 50px; cursor: pointer;  position: fixed; bottom: 5%; right: 160px; display: none;}

.top .itemImage{width:100%; height:100%;}

@media screen and (max-width: 1900px) {

 .top{right: 50px;}

}

@media screen and (max-width: 1500px) {

 .top{right: 10px;}

}







.container{}



.banner{width: 100%; height:580px;}

.swiper-wrapper{overflow: visible;}
.banner .item{display:block; height:580px;}
.banner .item .itemImage{width: 100%; height: 100%;}

.banner .button{opacity: 0;}

.banner:hover .button{opacity: 1;}

.prev,.next{display: block; width: 34px; height: 56px; position: absolute; top: 50%; margin-top: -28px; z-index: 9;}

.prev{background-position: 0 -140px; left: 10px;}

.next{background-position: -34px -140px; right: 10px;}

.banner .swiper-pagination-bullet{background: #d2d2d2; width: 10px; height: 10px; opacity: 1}

.banner .swiper-pagination-bullet-active{background: #01a3e6;}



.supplierBlock{padding: 50px 0;}

.supplierBlock .title{text-align: center; margin: 0 auto; padding-bottom: 10px; position: relative;}

.supplierBlock .title:after,.supplierBlock .title after{content: attr(data-content); width: 60px; height: 1px; background: #012e5b; position: absolute; left: 50%; margin-left: -30px; bottom: 0;}

.supplierBlock .title .itemText{font-size: 30px; color: #012e5b; line-height: 2; display: inline-block; font-weight: bold; letter-spacing: 5px; }

.supplierBlock .title .line{font-size: 25px;}

.supplierBlock .title .itemTextEx{font-size: 20px; color: #012e5b; line-height: 2; display: inline-block;  letter-spacing: 5px;  }

.supplierBlock .thisTitle{text-align: center; margin: 0 auto;  position: relative; padding: 20px 0; display: table}

.supplierBlock .thisTitle .icon{background-position: -218px -32px; width: 40px; height: 50px; float: left; margin-right: 10px;}

.supplierBlock .thisTitle .itemText{font-size: 25px; color: #012e5b; line-height: 2;  font-weight: bold; letter-spacing: 5px; float: left;}

.supplierBlock .supplierList{padding: 20px 0 30px 0;}

.supplierBlock .supplierList .innerItem{width: 558px; height: 152px; float: left; margin: 20px 10px; padding: 10px; border: 1px solid #fff;}

.supplierBlock .supplierList .innerItem:hover{border-color: #d2d2d2; box-shadow: 2px 2px 2px #01a3e6;}

.supplierList .innerItem .itemImage{width: 240px; height: 80px; padding:35px 0; display: block; border: 1px solid #f0f2f5; margin-right:40px; float: left;}

.supplierList .innerItem .itemText{font-size: 20px; font-weight: bold; line-height: 2; padding:0 55px 0 0; color: #012e5b; display: table;}

.supplierList .innerItem .itemText:after{content: ""; width: 40px; height: 5px; background: #01a3e6; display:block; margin-top:20px;}

.supplierList .innerItem .itemTextEx{font-size: 13px; line-height: 2; padding: 20px 55px 20px 0; color: #012e5b; display: table;}

.supplierList .point{width: 100%; padding-top: 10px;}

.supplierList .point span{width: 30px; height:3px; border-radius: 0;}



.caseBlock{background: #f0f2f5;}

.caseBlock .title{text-align: center; margin: 0 auto; padding-bottom: 10px; position: relative; display: table; padding-top: 50px;}

.caseBlock .title .itemText{font-size: 30px; color: #012e5b; line-height: 2.2; display: inline-block; font-weight: bold; letter-spacing: 5px;  padding-bottom: 15px;}

.caseBlock .itemText:after{content: ""; width: 60px; height: 1px; background: #012e5b; display:block; margin:5px auto;}

.caseBlock .title .line{font-size: 25px;}

.caseBlock .title .itemTextEx{font-size: 20px; color: #012e5b; line-height: 2; display: inline-block;  letter-spacing: 5px;  }

.caseBlock .title .itemTextExStyle{font-size: 15px; color: #012e5b; line-height: 2; padding: 10px 0 30px 0; }

.caseBlock .title .icon{background-position: -273px -20px; width: 45px; height: 60px; float: left; margin-right: 10px;}

.caseBlock .caseList{}

.caseList .item{display: block; width: 25%; height: auto; float: left;}

.caseList .item .itemImage{width: 100%; height: auto;}

.caseList .item .hide{ position: absolute;  top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.5); color: white; text-align: center; font-size: 25px; opacity: 0;}

.caseList .item:hover .hide{opacity: 1;  transition:all ease-in-out 400ms;}

.caseList .item:hover .itemImage{transform: scale(1.5);}











.productBlock{padding: 50px 0;}

.productBlock .title{text-align: center; margin: 0 auto; padding-bottom: 10px; position: relative;}

.productBlock .title .itemText{font-size: 30px; color: #012e5b; line-height: 2; display: inline-block; font-weight: bold; letter-spacing: 5px; }

.productBlock .title .line{font-size: 25px;}

.productBlock .title .itemTextEx{font-size: 20px; color: #012e5b; line-height: 2; display: inline-block;  letter-spacing: 5px;  }

.productBlock .productList{}

.productList .item{width: 22%; margin:20px 4% 20px 0; float: left;}

.productList .item:nth-child(4n){margin: 20px 0 20px 0;}

.productList .item .itemImage{width: 100%; height: 180px; display: block;}

.productList .item .itemText{font-size: 15px; text-align: center; line-height: 2; border-top: 10px solid #f0f2f5; padding: 10px 0;}

.productList .item:hover .itemImage{transform: scale(1.12);}

.productList .item:hover .itemText{color: #01a3e6;}





.newBlock{padding: 50px 0;     position: relative;}

.newBlock .title{text-align: center; margin: 0 auto; padding-bottom: 10px; position: relative;}

.newBlock .title .itemText{font-size: 30px; color: #012e5b; line-height: 2; display: inline-block; font-weight: bold; letter-spacing: 5px; }

.newBlock .title .line{font-size: 25px;}

.newBlock .title .itemTextEx{font-size: 20px; color: #012e5b; line-height: 2; display: inline-block;  letter-spacing: 5px;  }

.newBlock .newList{width: 1100px; margin: 0 auto; }

.newList .item{width: 33%; display: block; height: auto; float: left;}

.newList .item .itemImage{width: 100%; height: 188px; display: block;}

.newList .item .text{width: 100%; padding: 20px 0;}

.newList .item .itemText{width: 78%; height: 30px; float: left; font-size: 15px; line-height: 2; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.newList .item .date{width: 22%; height: 30px; float: right; font-size: 13px; line-height: 2.5;}

.newList .item .itemTextEx{font-size: 13px; line-height: 2; height: 52px; display: inline; padding: 5px 0;}

.newBlock .prev,.newList .next{width: 18px; height: 30px;}

.newBlock .prev{background-position: -95px -206px; left: 0; width:17px; height:32px;}

.newBlock .next{background-position: -120px -206px; right: 0;  width:17px; height:32px;}

.newList .item:hover .itemText{ color: #01a3e6;}



.footer{background: #454545; width: 100%; height: 253px;}

.footer .innerTop{border-bottom: 1px solid #919191; height: 105px; position: relative;}

.footer .innerTop .inside{height: 105px;  text-align: center;}

.footer .innerTop .shareBlock{float:left; margin:36px 0;  z-index: 9; height:32px; display:none;}

.shareBlock .item{ width: 32px; height: 32px; display: block; float: left; margin: 0 5px; }

.shareBlock .tw{background-position: 0 -97px;}

.shareBlock  .facebook{background-position: -39px -97px;}

.shareBlock .ins{background-position: -79px -97px;}

.shareBlock .share1{background-position: -120px -97px;}

.shareBlock .share2{background-position: -160px -97px;}

.innerNav{margin: 0 auto; text-align: center; display:inline-table;}

.innerNav .item{ color: #fff; font-size: 12px;line-height: 105px; padding: 0 15px; position: relative;}

.innerNav .item:after{content: ""; display: block; height: 12px; width: 1px; background: #fff; position: absolute; right: 0; top: 50%; margin-top: -6px;}

.innerNav .item:nth-last-child(1):after{display: none;}

.innerNav .item:hover{ color: #01a3e6;}

.code{display: block; width: 80px; height: 80px;float:right; margin:12px 0; z-index: 9;}

.code .itemImage{width: 100%; height: auto;}



.innerBottom{ margin: 0 auto; text-align: center;}

.innerBottom .add, .innerBottom .copyright, .innerBottom .itemText{display: inline-block; padding-right: 25px; font-size: 13px; color: #fff; line-height: 82px}

.innerBottom .tec:hover{color: #01a3e6;}





/*caseList*/

.container{}

.tagsPoster{width: 100%; height: 95px; display: block; border-top: 5px solid #f1f2f6; background: url("../images/poster.jpg") center no-repeat; background-size: 100% 100%; }

.thisTitle{ font-size: 20px; line-height: 2; font-weight: bold;  text-align: left; position: relative;}

.thisTitle.style{padding: 20px 15px;}

.thisTitle.style:after{content: ""; display: block; height: 20px; width: 3px; background: #01a3e6; position: absolute; left: 0; top: 50%; margin-top: -10px;}

.leftList{width: 260px; float: left;}

.leftList form{position:relative;}

.leftList .search{width:260px; opacity:1; margin:0 0 20px 0; height:40px;}

.leftList .button{position:absolute; right:0; top:0; width:60px; height:40px; outline:none; border:1px solid #c7c7c7;  border-radius: 10px; cursor: pointer; color:#222; font-size:12px;}

.leftList .item{display: block; padding: 10px 20px; font-size: 15px; text-align: center; color: #838383; margin: 0 0 20px 0; border-left: 3px solid #eeeeee; border-top: 1px solid #eeeeee; border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; }

.leftList .item.active{color: #01a3e6;}

.leftList .item:hover{color: #01a3e6;}

.rightList{float: right; width: 880px;}

.rightList .item{width: 400px; height: 360px;float: left; margin: 0 40px 40px 0;}

.rightList .item .itemImage{width: 100%; height: auto;}

.rightList .item .itemText,.rightList .item .itemTextEx{ color: #838383; line-height: 2; font-size: 13px; }

.rightList .item .itemText{padding-top: 20px;}

.rightList .item .color{color: #01a3e6; letter-spacing: 2px;}

.rightList .item:hover .itemImage{transform: scale(1.1);}

.rightList .caseDetail{width: 780px; margin: 0 auto 20px auto;}

.rightList .caseDetail .item{margin: 0; height:auto;}

.rightList .caseDetail .item:hover .itemImage {transform: scale(1);}

.rightList .showDetail .thisTitle{text-align: center; padding: 20px 0;}

.rightList .showDetail .content{margin:20px 50px;}

.rightList .showDetail .itemText{font-size: 13px; line-height: 2; }

.rightList .showDetail .tuijian a{font-size: 13px; line-height: 2; color:#01a3e6 }







.pagination{height: 90px; width: 100%; clear: both; border-top: 1px solid #f1f2f6;}

.pagination .prevPage,.pagination .nextPage{font-size: 13px; height: 32px; margin:29px 0; z-index: 9; line-height: 32px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:40%;}

.pagination .prevPage{float:left;}

.pagination .prevPage .icon{height: 32px; width: 32px; display: block; background-position:0 -210px; float: left;}

.pagination .nextPage{float:right;}

.pagination .nextPage .icon{height: 32px; width: 32px; display: block; background-position:-54px -210px; float: right;}

.pagination .prevPage:hover,.pagination .nextPage:hover{color: #01a3e6;}

.pagination .pageNum{margin: 0 auto; text-align: center; padding: 20px 0;}

.pagination .pageNum .item{display: inline-block; padding: 5px 10px; font-size: 13px; line-height: 2}

.pageNum .item.active{text-decoration: underline;}

.pageNum .item:hover{color: #01a3e6;}

.pagination.style .inside{height: 80px;}



/*about*/

.rightList.factory .itemText{color: #022e5b; text-align: center;}

.rightList.certification .item{width: 230px; margin: 0 60px 40px 0;}

.rightList.certification .item .itemImage{width:226px; margin:0 auto; height: 310px; box-shadow: -1px 3px 5px #d9d9d9;}

.rightList.certification .itemText{color: #022e5b; text-align: center;}

.rightList.certification .item:hover .itemImage{transform: scale(1);}

.rightList .part1{width: 47%; float: left;}

.rightList .part1 .thisTitle,.rightList .part2 .thisTitle{font-size: 30px; line-height: 2;color: #012e5b;}

.rightList .part1 .itemText,.rightList .part2 .itemText,.rightList .part3 .itemText{font-size: 13px; line-height: 32px; color: #454545; letter-spacing: 2px; height: 360px;}

.rightList .part2{width: 47%; float: right;}

.rightList .part2 .itemImage{padding-top: 10px;}

.rightList .part2 .itemText,.rightList .part3 .itemText{height: auto;}

.rightList .part3{float: left; padding: 50px 0;}

.rightList .part3 .itemImage{float: left; width: 250px; padding-bottom: 20px;}

.rightList .part3 .itemImage:nth-child(2){margin: 0 65px;}

.rightList.about{padding-bottom: 100px;}





/*cooperation*/

.cooperation{background: url("../images/bg.png")center repeat;}

.cooperation .thisTitle{text-align: center; margin: 0 auto;  position: relative; padding: 55px 0; display: table}

.cooperation .thisTitle .icon{background-position: -218px -32px; width: 40px; height: 50px; float: left; margin-right: 10px;}

.cooperation .thisTitle .itemText{font-size: 25px; color: #012e5b; line-height: 2;  font-weight: bold; letter-spacing: 5px; float: left;}

.cooperation .cooperationList{ padding:0 0 50px 0;}

.cooperationList .item{float: left; width: 40%; margin: 30px; padding: 30px; height: 655px; box-shadow: 0 0 5px 0px #d2d2d2; background:#fff;}

.cooperationList .item .itemImage{width: 420px; height: 140px; margin: 10px auto;}

.cooperationList .item .name{font-size: 20px; color: #012e5b; line-height: 32px; padding: 20px; text-align: center; position: relative; letter-spacing: 2px;}

.cooperationList .item .name:after{content: ""; width: 130px; height: 2px; display: block; background: #01a3e6; position: absolute; left: 50%; margin-left: -65px; top: 0;}

.cooperationList .item .itemText{font-size: 15px; color: #012e5b; line-height: 32px; letter-spacing: 2px;}



/*contact*/

.contactList{padding: 50px 0;}

.contactList .item{width: 350px; height: 155px; float: left; margin: 20px 40px 20px 50px; padding: 30px;  background: url("../images/contact_bg.png")center no-repeat;}

.contactList .item:nth-child(2n){width: 640px; margin:20px 0;  background: url("../images/bg_1.png")center no-repeat;}

.contactList .item .itemText{font-size: 15px; line-height: 2; color: #012e5b; width: 340px;}

.contactList .item:nth-child(2n) .itemText{width: 600px; padding-left:30px;}

.contactList .suggest{ width: 640px; height: 280px; float: left; margin: 30px 0 0 30px;}

.contactList .suggest .inputItem{width: 635px; margin:0 0 10px 0; height: 30px; text-indent: 5px; font-size: 13px; line-height: 30px;}

.contactList .suggest .textareaItem{width: 635px; height: 95px;text-indent: 5px; font-size: 13px; line-height: 2; }

.contactList .suggest .button{width: 115px; height: 45px; text-align: center; line-height: 45px; background: #01a3e6; color: #fff; border: none; margin-top: 10px; float: right; cursor: pointer;}

.link{ display:none;width: 100%; height: 126px; background: url("../images/link.jpg") center; background-size: 100% auto; margin: 20px 0 100px 0;}

.link .item{width: 200px; height: 126px; display: block; float: left;}

.link .item:hover{background: rgba(0,0,0,.5);}





/*product*/

.leftList .box{ padding:40px 40px 40px 20px; }

.leftList .box .item{ padding: 0; margin-bottom: 10px; position: relative; display: block;}

.leftList .box .item a:hover{ background: #f7f7f7; }

.leftList .box .item a{color: #51514E; display: block;  line-height: 45px;  font-size: 15px; padding-left:10px;}

.leftList .box .item .sign{position:absolute; right:0; top:0; width:35px; height:45px; text-align:center; line-height:45px; font-size:14px; cursor:pointer; font-family: Georgia, "Times New Roman", Times, serif;}

 .leftList .box .item ul{display: none; transition:none;}

.leftList .box .item ul li a{ display: block; line-height: 45px; font-size: 14px; padding-left:10px;}

.leftList .box .item ul li a:hover{ background: #f7f7f7;}

.leftList .itemStyle{width: 260px; height: auto; margin-bottom: 15px;}

.itemStyle .itemText,.hide .itemTextEx{height: 48px; width: 238px; border: 1px solid #f1f2f6; line-height: 48px; display: block; text-align: left; position: relative; padding-left: 20px}

.itemText.blue{color: #01a3e6;}

.itemStyle .itemText .plus{display: block; width: 10px; height: 10px; background-position: -198px 0; position: absolute; right: 20px; top: 50%; margin-top: -5px;}

.itemStyle .itemText .jian{display: block; width: 10px; height: 10px; background-position: -198px -23px; position: absolute; right: 20px; top: 50%; margin-top: -5px;}

.itemStyle .hide{transition:none;display: none; border: 1px solid #f1f2f6;}

.itemStyle .hide .itemTextEx{border: none; padding-left: 35px; height: 36px; line-height: 36px;}

.itemStyle .hide .itemTextEx:hover{color: #01a3e6;}

.itemStyle .hide .itemTextEx:after{content: ""; display: block; position: absolute;  left: 20px; width: 8px; height: 1px; background: #222; top: 50%; margin-top:-.5px; }

.itemStyle .hide .itemTextEx.active{color: #01a3e6;}



.rightList .firstLevel{}

.firstLevel .item{width: 250px; height: auto;margin: 0 21px 70px 21px;}

.firstLevel .item .itemImage2{height: 125px; width: 250px; margin: 0 auto;}

.firstLevel .item .itemImage{height: auto; width: 100%; margin: 0 auto;}

.firstLevel .item .itemText{ font-size: 13px; color: #012e5b; height: 40px; line-height: 40px; text-align: center; padding-top: 0;     background: #f1f2f6;}

.firstLevel .item:hover .itemText{background: #01a3e6; color: #fff;}



.rightList .secondLevel{}

.secondLevel .item{  margin: 0 auto 30px auto; float: none; display: block; background: #f1f2f6; height:auto;}

.secondLevel .item .itemText{

 padding:5px 20px; width:40%; font-size: 13px; text-align: center;

 float: left;

 color: #012e5b;

 position: relative;

 text-shadow: 0 1px 0 rgba(255,255,255,.5);

 background-color: #ddd;

 background-image: -webkit-gradient(linear, left top, right bottom, from(#f5f5f5), to(#ddd));

 background-image: -webkit-linear-gradient(left, #f5f5f5, #ddd);

 background-image: -moz-linear-gradient(left, #f5f5f5, #ddd);

 background-image: -ms-linear-gradient(left, #f5f5f5, #ddd);

 background-image: -o-linear-gradient(left, #f5f5f5, #ddd);

 background-image: linear-gradient(to right, #f5f5f5, #ddd);

}



.secondLevel .item .itemText:first-child{

 -moz-border-radius: 5px 0 0 5px;

 -webkit-border-radius: 5px 0 0 5px;

 border-radius: 5px 0 0 5px;

 z-index: 9;

}



.secondLevel .item .itemText::after,

.secondLevel .item .itemText::before{

 content: "";

 position: absolute;

 top: 50%;

 margin-top: -1.5em;

 border-top: 1.5em solid transparent;

 border-bottom: 1.5em solid transparent;

 border-left: 1em solid;

 right: -1em;

}



.secondLevel .item .itemText::after{

 z-index: 2;

 border-left-color: #ddd;

}



.secondLevel .item .itemText::before{

 border-left-color: #ccc;

 right: -1.1em;

 z-index: 1;

}



















.location{padding: 10px 0; height: 30px; font-size: 15px; line-height: 2;}

.location a{margin:0 5px;}

.location .item{display: block; float: left; padding: 0 5px;}

.location .item .icon{width: 16px; height: 14px; display: block; background-position: -324px 8px; float: left; padding-top: 10px; margin-right: 5px;}

.location  a.item:hover{color: #01a3e6;}

.productDetailBlock{padding: 20px 0;}

.productDetailBlock .productTitle .itemText{font-size: 30px; font-weight: bold; line-height: 2; color:#0070c0;}

.productDetailBlock .productTitle .itemTextEx{font-size: 25px; font-weight: 600; line-height: 2; color:#0070c0;}

.parameter{padding-bottom: 50px;}
.parameter img{max-width:100%; display:inline-block;}
.parameter .item{padding-top: 20px;}

.parameter .item .thisTitle{ color: #3c6fae; padding: 10px 0 10px 35px;}

.parameter .item .text{ border-bottom: 1px solid #7b7b7d; border-top: 1px solid #7b7b7d; display: table}

.parameter .item .itemText{ width: 220px;text-align: left; padding-left: 35px; font-size: 20px; line-height: 2;  font-weight: 600; z-index: 9; display: table-cell; vertical-align:middle;}

.parameter .item .itemTextEx{  font-size: 20px; line-height: 2; font-weight: 600; padding: 0 150px 0 20px; border-left: 1px solid #7b7b7d;  display: table-cell; word-break: break-all; width: 945px;}

.parameter .item .itemTextExStyle{  font-size: 15px; line-height: 2;  padding-right: 155px; padding-left: 35px; font-weight: 600; }

.parameter .item .content{display: list-item; margin-left: 20px;}

.textInner:nth-child(1) .itemText,.textInner:nth-child(1) .itemTextEx{border-bottom: 1px solid;}

.textInner:nth-child(1) .itemText{width: 224px;}

.textInner:nth-child(1) .itemTextEx{ width: 945px}

.parameter .itemTextEx .table{ float: left; padding-right:40px; width: 120px;}

.parameter .itemTextEx span{display: block;}





.inquiries{ margin: 0 auto; text-align: center; padding: 20px 0;}

.inquiries .suggest{ width: 700px; height: 280px; margin-top: 20px;}

.inquiries .suggest .inputItem{width: 694px; margin:0 0 20px 0; height: 30px; text-indent: 5px; font-size: 13px; line-height: 30px;}

.inquiries .suggest .textareaItem{width: 694px; height: 110px;text-indent: 5px; font-size: 13px; line-height: 2; }

.inquiries .suggest .button{width: 115px; height: 45px; text-align: center; line-height: 45px; background: #01a3e6; color: #fff; border: none; margin-top: 10px; float: right; cursor: pointer;}













 /*newsList*/

.defaultSeletor{ text-align:center; font-size: 14px;   }

.defaultSeletor .mainSelector{ border-bottom:1px solid #f1f2f6;  border-top:1px solid #f1f2f6; padding:10px 0; margin-top: 20px;}

.defaultSeletor .mainSelector .item{font-size:14px; border-right:1px solid #e9e9e9; line-height:2.4; padding: 0 50px; display: inline-block;}

.defaultSeletor .mainSelector .item:last-child{border-right:none;}

.defaultSeletor .mainSelector .item:hover{color: #01a3e6;}

.defaultSeletor .mainSelector .active{color:#01a3e6;}

.defaultSeletor .content{width: 1200px; text-align: left; margin-bottom: 50px;}

.defaultSeletor .content .itemImage{float: left; width: 50%; padding:10px 20px 10px 0;}

.defaultSeletor .content .itemText{padding-top: 20px; font-size: 14px; line-height: 1.5;}

.newsContainer{width: 1200px; margin: 0 auto;}



.newsContainer .leftBlock{float:left; width:800px;  border-right:1px solid #f1f2f6; margin: 40px 0; padding-right: 30px;}

.newsContainer .leftBlock .newsBlock{overflow: hidden}

.newsContainer .newsBlock .item{height:400px; width: 700px; position:relative; z-index:1; display:block; margin:0  auto 30px auto; overflow: hidden}

.newsContainer .newsBlock .itemImage{position:relative; z-index:1; height: 100%;}

.newsContainer .newsBlock .itemBlock{-webkit-transition:all ease-in-out .3s; -moz-transition:all ease-in-out .3s; transition:all ease-in-out .3s; background:#fff; background:rgba(255,255,255,.9); position:absolute; z-index:2; bottom:0; left:0; width:100%; height: 66px; overflow: visible;}

.newsContainer .newsBlock .item:hover .itemBlock{background:#fff;}

.newsContainer .newsBlock .title{position:relative; z-index:1; width:90%; font-size: 16px;  line-height:36px; color:#222; padding: 15px 5%;}

.newsContainer .newsBlock .title .date{float:left; text-align:center; border-right:1px solid #222; height:36px; padding-right:15px; margin-right:15px;}

.newsContainer .newsBlock .date span{display:block; line-height:1.2;}

.newsContainer .newsBlock .date .day{font-size:18px;}

.newsContainer .newsBlock .date .month{color:#818181;}

.newsContainer .newsBlock .title .itemText{font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float:left; width:390px;  text-transform:none;}

.newsContainer .newsBlock .title .view{float:left; color:#818181; width:45px; margin-right:5px; font-size: 14px;}

.newsContainer .newsBlock .view .icon{background-position:-324px -34px; width:15px; height:9px; display:inline-block; margin-right:5px;}

.newsContainer .newsBlock .title .share{background-position:-324px -51px; width:11px; height:11px; display:inline-block; margin-left: 5px;}

.newsContainer .newsBlock .itemBlock .itemTextEx{line-height:28px; color:#818181; text-transform:none; font-size: 14px; background: white; padding: 10px 5%; }

.newsContainer .newsBlock .item:hover .itemBlock{background: white; bottom: 35px;}

.newsContainer .leftBlock .defaultPagerStyle{width:600px; padding: 0;}





.newsContainer .rightBlock{float:left;  width:340px;  padding: 20px 0 20px 28px;}

.newsContainer .defaultSideBlock .topBar{font-size:16px; font-weight:bold; display: block; padding: 20px 0;}

.newsContainer .defaultSideBlock .listBlock{border-top:1px solid #e9e9e9;}

.newsContainer .defaultSideBlock .articleItem{display:block; margin-top:20px; height:67px;  }

.newsContainer .defaultSideBlock .articleItem:hover{color: #01a3e6;}

.newsContainer .defaultSideBlock .articleItem .itemImage{float:left; width:100px; height:67px;}

.newsContainer .defaultSideBlock .articleItem .itemBlock{float:left; width:220px; margin-left:20px; text-align:left;}

.newsContainer .defaultSideBlock .articleItem .itemText{text-transform:none; font-size: 14px;}

.newsContainer .defaultSideBlock .articleItem .itemTextEx{color:#818181; font-size: 14px; padding: 5px 0;}

.newsContainer .defaultSideBlock .articleItem .date{float:left; margin-right:10px;}

.newsContainer .defaultSideBlock .articleItem .view{float:left;}

.newsContainer .defaultSideBlock .articleItem .view .icon{background-position:-324px -34px; width:15px; height:9px; display:inline-block; margin-right:5px;}

.newsContainer .defaultSideBlock .tagsItem{ display:inline-block; width:40%; margin-right:2%; background:#f5f5f5; color:#535353; padding:0 2.5%; white-space:nowrap; text-overflow:ellipsis; font-size: 14px; height:28px; line-height:28px; margin-top:20px;}

.newsContainer .defaultSideBlock .tagsItem:hover{background:#01a3e6; color:#fff;}

.newsContainer .defaultSideBlock .tagsItem:nth-child(2n){margin-left:5%; margin-right:0;}

.newsContainer .defaultSideBlock .moreTags{border:1px solid #f1f2f6; display:block; margin-top:20px; height:30px; line-height:30px; text-align:center; font-size: 16px;}

.newsContainer .defaultSideBlock .moreTags:hover{background:#01a3e6; border-color:#01a3e6; color:#fff;}

.newsContainer .rightBlock .latestNews{padding-bottom:30px;}



.newsContainer .articleTitle{font-size:18px; text-transform:none; padding-bottom:15px; text-align:center;}

.newsContainer .newsOption{text-align:center;}

.newsContainer .newsOption .view ,.newsContainer .newsOption .date ,.newsContainer .newsOption .type{display:inline-block; margin-right:20px; color:#818181; font-size: 14px; text-transform:none;}

.newsContainer .newsOption .view .icon ,.newsContainer .newsOption .date .icon ,.newsContainer .newsOption .type .icon{display:inline-block; margin-right:5px; vertical-align:middle;}

.newsContainer .newsOption .view .icon{background-position:-324px -34px; width:15px; height:9px;}

.newsContainer .newsOption .date .icon{background-position:-324px -72px; width:13px; height:13px;}

.newsContainer .newsOption .type .icon{background-position:-324px -98px; width:12px; height:9px;}

.newsContainer .detailBox{padding:15px 0; text-transform:none; line-height:1.8;}

.newsContainer .detailBox .itemText{font-size: 14px; padding: 20px 0;}

.newsContainer .detailBox .itemImage{display:inline-block; width: 800px;}







#imgbox-overlay {

 position: absolute;

 top: 0;

 left: 0;

 width: 100%;

 height: 100%;

 background: #000;

 display: none;

 z-index: 80;

}



.imgbox-wrap {

 position: absolute;

 top: 0;

 left: 0;

 background: #FFF;

 display: none;

 z-index: 90;

}

/* mods */
.modsSearchBlock ,.modsSearchBlock *{-webkit-transition:none; -moz-transition:none; transition:none;}
.modsSearchBlock .modsItem{margin-top:25px; border:1px solid #f5f5f5; padding:10px 20px; display:block; background:#fff; position:relative; z-index:1;}
.modsSearchBlock .modsItem:hover{color:#fff; border-color:#01a3e6; background-color:#01a3e6;}
.modsSearchBlock .modsItem .icon{display:block; position:absolute; z-index:1; top:50%; right:20px; margin-top:-3.5px; width:4px; height:7px; background-position:-221px -91px;}
.modsSearchBlock .modsItem:hover .icon{background-position:-225px -91px;}
.modsSecProductList .modsItem{width:100%;}
.modsSecProductList .modsItem .itemText{padding:5px 0; text-align:left;}
.modsSecProductList .modsItem .it1{float:left; width:30%; padding-left:5%;}
.modsSecProductList .modsItem .it2{float:left; width:55%; padding-left:5%; padding-right:5%;}
.gDesignBlock div , .gDesignBlock p{overflow:hidden; margin:0 auto; padding:0; display:block;}
.gDesignBlock a{overflow:hidden; position:relative; z-index:1; color:inherit; line-height:inherit; font-family:inherit;}
.gDesignBlock{font-size:16px; line-height:1.5; color:#535353; font-family:"Microsoft YaHei","微软雅黑","STHeiti",SimSun,sans-serif; font-weight:300;}
.gDesignBlock .itemBlock{margin-top:25px; padding-left:15px; position:relative; z-index:1;}
.gDesignBlock .itemBlock .border{border:2px solid #20b7f1; border-right:none; width:2px; position:absolute; z-index:1; top:0; bottom:0; left:0;}
.gDesignBlock .itemBlock:first-child .border{border-color:#3f84c0;}
.gDesignBlock .itemBlock .title{font-size:24px; color:#0070c0;}
.gDesignBlock .templateBox{margin-top:20px;}
.gDesignBlock .templateNormalTable{padding:15px 0;}
.gDesignBlock .templateNormalTable table{border-collapse:collapse; width:100%;}
.gDesignBlock .templateNormalTable tr:nth-child(2n-1){background:#f5f5f5;}
.gDesignBlock .templateNormalTable td{border:1px solid #e5e5e5; padding:10px 15px;}
.productDetailBlock .download{margin-top:25px;}
.productDetailBlock .download a{text-align:center; display:block; margin:0 auto; background:#01a3e6; font-size:18px; height:48px; line-height:48px; width:200px; color:#fff;}
.parameter table{width:100% !important;}